<template>
  <Tooltip
    :title="t('操作手册下载')"
    placement="bottom"
    :mouseEnterDelay="0.5"
    @click="handleToOnlineList"
  >
    <Icon icon="ant-design:question-circle-filled"/>
  </Tooltip>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { Tooltip, Badge } from 'ant-design-vue';
  import Icon from '/@/components/Icon';

  import { useI18n } from '/@/hooks/web/useI18n';
  import { downloadByUrl } from '/@/utils/file/download';
  import { useGlobSetting } from '/@/hooks/setting';
  const { ctxAdminPath } = useGlobSetting();

  export default defineComponent({
    name: 'JeeSiteOnlineCount',
    components: { Icon, Tooltip, Badge },

    setup() {
      const { t } = useI18n();
      function handleToOnlineList() {
        // push('zfgs/static/modules/help/word/%E4%B8%AD%E6%B3%95%E4%BE%9B%E6%B0%B44.0.docx');
        downloadByUrl({
          url: '/zfgs/static/modules/help/word/中法供水4.0.docx',
          target: '_self',
        });
      }
      return {
        t,
        handleToOnlineList,
      };
    },
  });
</script>